    <script>
        $(function () {


           $(".fltlist-airline-col-wrapper").click(function () {
               var _this = $(this);
               //console.log(_this);
               var orderType;
               var this_i = $(this).children(".fltlist-airline-up");
               //console.log(this_i);

               if(this_i.hasClass("active")){
                   this_i.removeClass("active");
                   this_i.next().addClass("active");
                   orderType = this_i.next().data("type");
               }else {
                   $(".fltlist-airline-up,.fltlist-airline-down").removeClass("active");
                   this_i.addClass("active");
                   //this_i.next().removeClass("active");
                   orderType = this_i.data("type");
               }
               var deptTime = $("#depTime").val();
               //$("#deptTime").val(deptTime);
               //var orgCity1 = $("#orgCity").val();
               //var dstCity1 = $("#dstCity").val();
               $("#orderType").val(orderType);
               $("#searchForm").submit();
               //var active = $(".fltlist-airline-up,.fltlist-airline-down").hasClass(orderType);
               //$(active).addClass(orderType);
               this_i.addClass("active");
           })
            $(".v-list-item-button").click(function () {
                $("#go").click();
            });
        });
    </script>
    <script>
        $(function () {
            /*订票机票点击事件*/
            $(".v-list-item-button").click(function () {
               var parent = $(this).parent();
               $(parent).hide();
               $(parent).next().show();
               $(parent).prev().hide();
               $(parent).parent().next().slideDown(500);
            });

            $(".v-list-item-fold").click(function () {
               var parent = $(this).parent();
               $(parent).hide();
               $(parent).prev().prev().show();
               $(parent).prev().show();
               $(parent).parent().next().slideUp(500);
            });

            //优惠券模态框
            $(".v-pits-gift").click(function () {
                var couponid = $(this).attr('fid');
                console.log(couponid);
                if($('div[couponid='+couponid+']').css('display')=='block'){
                    $('div[couponid='+couponid+']').css('display', 'none');
                    //$(".v-pits").css('display', 'none');
                    console.log('执行了none');
                }else {
                    $('div[couponid='+couponid+']').css('display', 'block');
                    //$(".v-pits").css('display', 'block');
                    console.log('执行了block');
                }
                $('div[couponid='+couponid+']').mouseleave(function () {
                    $('div[couponid='+couponid+']').css('display', 'none');
                })
            })

        })
    </script>
    <div class="fltlist-airline-title">
        <div class="fltlist-airline-col padding-left53">航空信息</div>
        <div class="fltlist-airline-col padding-left112">
                <span class="fltlist-airline-col-wrapper">起飞时间
                         <i class="fltlist-airline-up airline-up ${(qo.orderType="airline-up")?string('active','')}" data-type="airline-up"></i>
                    <i class="fltlist-airline-down airline-down ${(qo.orderType="airline-down")?string('active','')}"" data-type="airline-down"></i>

                    <#--<i class="fltlist-airline-up airline-up" data-type=></i>-->
                    <#--<i class="fltlist-airline-down airline-down" data-type="airline-down"></i>-->
                </span>
        </div>
        <div class="fltlist-airline-col padding-left106">
                <span class="fltlist-airline-col-wrapper">到达时间
                    <i class="fltlist-airline-up arr-up ${(qo.orderType="arr-up")?string('active','')}" data-type="arr-up"></i>
                    <i class="fltlist-airline-down arr-down ${(qo.orderType="arr-down")?string('active','')}" data-type="arr-down"></i>
                </span>
        </div>
        <div class="fltlist-airline-col padding-left75">
                <span class="fltlist-airline-col-wrapper">价格
                    <i class="fltlist-airline-up price-up ${(qo.orderType="price-up")?string('active','')}" data-type="price-up"></i>
                    <i class="fltlist-airline-down price-down ${(qo.orderType="price-down")?string('active','')}" data-type="price-down"></i>
                </span>
        </div>
    </div>
    <#list pageInfo.list as hl>
        <div class="v-list-item-content">
            <div class="v-list-item-icon">
                <i class="fltlist-logo fltlist-logo-9C"></i>
                <span class="v-list-item-tag"></span>
            </div>
        <div class="v-list-item-icon">
            <i class="fltlist-logo fltlist-logo-9C"></i>
            <span class="v-list-item-tag"></span>
        </div>
        <div class="v-list-item-name">
            <div class="v-list-item-desc">${hl.airline_name}<span>${hl.flight_no}</span></div>
            <div class="v-list-item-info"><span>${hl.plane_name}</span><!----></div>
        </div>
        <div class="v-list-item-time">
            <div class="v-list-item-time-time">${hl.dep_time}</div>
            <div class="v-list-item-info">${hl.org_airport_name} ${hl.org_airport_terminal}</div>
        </div>
        <div class="v-list-item-line">
            <div class="line-wrapper">
                <div class="line-time">${hl.fly_time}</div>
                <div class="line"></div><!---->
            </div>
        </div>
        <div class="v-list-item-time v-list-item-time-to">
            <div class="v-list-item-time-time">${hl.arr_time}</div>
            <div class="v-list-item-info">${hl.dst_airport_name} ${hl.dst_airport_terminal}</div><!---->
        </div>
        <div class="v-list-item-price">
            <div class="v-list-item-price-desc"><div><span>￥</span>${hl.price}<span class="gray">起</span></div><!---->
            </div>
        </div>
        <div class="v-list-item-ticket" id="dingpiao">
            <button class="v-list-item-button">订票</button>
        </div>
        <div class="v-list-item-ticket" id="shouqi" style="display: none;">
            <button class="v-list-item-fold">收起<i class="fltlist-airline-up"></i></button>
        </div>
    </div>
    <#--详细机票信息-->
    <div class="v-pits" style="display: none">
        <div class="v-pits-airline">
            <ul class="v-pits-airline-wrapper">
                <li>准点率100%</li>
                <li>无餐食</li>
            </ul>
        </div>
        <ul class="v-pits-list">
            <#--style="background-image:url('/fight/images/vip.jpg')"-->
            <li class="v-pits-item v-pits-share " >
                <div class="v-pits-item-detail">
                    <div class="v-pits-desc"><span class="v-pits-title">品质出行</span><span>|</span><span
                            class="v-pits-cabin">经济舱</span><span class="v-pits-rule">退改签及行李额规则</span><!----><span
                            class="v-pits-btn">马蜂窝推荐</span><span class="v-pits-btn">增值券包</span></div>
                    <div class="v-pits-price">
                        <div class="v-pits-price-desc">
                            <div class="v-pits-price-desc-price"><span>￥</span>${hl.price}</div>
                            <div class="v-pits-gift">
                                +¥30
                                <span>优享套餐</span>
                                <div class="v-pits-coupon" style="display: none">
                                    <div class="v-coupon-tips">
                                        <div class="v-coupon-tips-icon">
                                            <p></p>
                                        </div>
                                        <div class="v-coupon-tips-wrapper">
                                            <div>
                                                <div class="v-coupon-tips-title">10元&nbsp;国内机票优惠券</div>
                                                <div class="v-coupon-tips-content">
                                                    <p>1.满1200可用</p>
                                                    <p>2.仅限国内机票使用，领取后3天有效</p>
                                                </div>
                                            </div>
                                            <div>
                                                <div class="v-coupon-tips-title">5元&nbsp;火车票优惠券</div>
                                                <div class="v-coupon-tips-content">
                                                    <p>1.满199使用</p>
                                                    <p>2.仅限火车票使用，领取后7天有效</p>
                                                </div>
                                            </div>
                                            <div>
                                                <div class="v-coupon-tips-title">10元&nbsp;境内酒店优惠券</div>
                                                <div class="v-coupon-tips-content">
                                                    <p>1.境内酒店优惠券</p>
                                                    <p>2.仅限境内酒店使用，领取后7天有效</p>
                                                </div>
                                            </div>
                                            <div>
                                                <div class="v-coupon-tips-title">20元&nbsp;境内酒店优惠券</div>
                                                <div class="v-coupon-tips-content">
                                                    <p>1.满799可用</p>
                                                    <p>2.仅限境内酒店使用，领取后3天有效</p>
                                                </div>
                                            </div>
                                            <div>
                                                <div class="v-coupon-tips-title">20元&nbsp;当地游优惠券</div>
                                                <div class="v-coupon-tips-content">
                                                    <p>1.满1299可用</p>
                                                    <p>2.仅限当地游使用，领取后3天有效</p>
                                                </div>
                                            </div>
                                            <div>
                                                <div class="v-coupon-tips-title">10元&nbsp;当地游优惠券</div>
                                                <div class="v-coupon-tips-content">
                                                    <p>1.满799可用</p>
                                                    <p>2.仅限当地游使用，领取后7天有效</p>
                                                </div>
                                            </div>
                                            <div>
                                                <div class="v-coupon-tips-title">5元&nbsp;门票优惠券</div>
                                                <div class="v-coupon-tips-content">
                                                    <p>1.满199可用</p>
                                                    <p>2.仅限门票使用，领取后3天有效</p>
                                                </div>
                                            </div>
                                            <div class="v-coupon-tips-title">优惠券规则</div>
                                            <div class="v-coupon-tips-content">
                                                <p>* 优选礼包一经售出，不退不改</p>
                                                <p>* 优选礼包中优惠券点击顶部栏您的头像，在【我的优惠券】中进行查看</p>
                                                <p>* 优惠券使用方法及详细说明，请参考【我的优惠券】页面说明</p>
                                                <p>* 最终解释权归马蜂窝所有</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="v-pits-ticket">
                        <a href="/flight/ticket?pid=${hl.id}&type=1"><button >订票</button></a><!---->
                        <div class="v-pits-plus">剩余${hl.price_num}张</div>
                    </div>
                </div>
            </li>
            <li class="v-pits-item">
                <div class="v-pits-item-detail">
                    <div class="v-pits-desc"><span class="v-pits-title">超值低价</span><span>|</span><span
                            class="v-pits-cabin">经济舱</span><span class="v-pits-rule">退改签及行李额规则</span><!----><span
                            class="v-pits-btn">保证出票</span></div>
                    <div class="v-pits-price">
                        <div class="v-pits-price-desc">
                            <div class="v-pits-price-desc-price"><span>￥</span>${(hl.price*0.95)?int}</div><!---->
                        </div>
                    </div>
                    <div class="v-pits-ticket">
                        <a href="/flight/ticket?pid=${hl.id}&type=2"><button >订票</button></a>
                        <div class="v-pits-plus">剩余${hl.price_num}张</div>
                    </div>
                </div>
            </li>
    <li class="v-pits-item">
        <div class="v-pits-item-detail">
            <div class="v-pits-desc"><span class="v-pits-title">商旅优选</span><span>|</span><span
                    class="v-pits-cabin">经济舱</span><span class="v-pits-rule">退改签及行李额规则</span><!----><span
                    class="v-pits-btn">全额行程单</span><span class="v-pits-btn">极速出票</span></div>
            <div class="v-pits-price">
                <div class="v-pits-price-desc">
                    <div class="v-pits-price-desc-price"><span>￥</span>${hl.price}</div><!----></div>
            </div>
            <div class="v-pits-ticket">
                <a  href="/flight/ticket?pid=${hl.id}&type=3"><button>订票</button></a><!---->
                <div class="v-pits-plus">剩余${hl.price_num}张</div>
            </div>

        </div>
    </li>
    <li class="v-pits-item" >
        <div class="v-pits-item-detail" >
            <div class="v-pits-desc"><span class="v-pits-title">尊享出行</span><span>|</span><span
                    class="v-pits-cabin">公务舱</span><span class="v-pits-rule">退改签及行李额规则</span><!----><span
                    class="v-pits-btn">马蜂窝优选</span><span class="v-pits-btn">极速出票</span></div>
            <div class="v-pits-price">
                <div class="v-pits-price-desc">
                    <div class="v-pits-price-desc-price"><span>￥</span>${hl.businessVotePrice}</div><!----></div>
            </div>
            <div class="v-pits-ticket">
                <a href="/flight/ticket?pid=${hl.id}&type=4"><button >订票</button></a><!---->
                <div class="v-pits-plus">剩余${hl.businessVote_num}张</div>
            </div>
        </div>
    </li>
        </ul>
    </div>
    </#list>
    <#include "../common/page.ftl">